import React from "react";

// 导入组件样式
import "./index.css";

class Comment extends React.Component {
  state = {
    comments: [
      { id: 1, name: "小红", comment: "多关照!" },
      { id: 2, name: "小明", comment: "我是新来的!" },
    ],
  };

  render() {
    return (
      <div className="box">
        <h1>评论</h1>
        {/* 发表评论 */}
        <div>
          <p>
            <input
              type="text"
              placeholder="请输入评论人"
            />
          </p>
          <p>
            <textarea
              type="text"
              placeholder="请输入评论内容"
            />
          </p>
          <p>
            <button className="btn">发表评论</button>
          </p>
        </div>
        {/* 评论列表 */}
        <hr className="line" />

        <div className="nodata">暂无评论！快去评论吧</div>
        <ul className="list">
            <li>
              <p className="p-line">Jack</p>
              <p>沙发</p>
            </li>
        </ul>

      </div>
    );
  }
}

export default Comment;
